<template>
	<el-card shadow="never">
		<template #header>
			{{ title }}
		</template>
		<el-row :gutter="10">
			<el-col :span="6">
				<div class="item">
					<router-link
						:to="{
							path: '/user/list',
						}"
					>
						<el-tag type="primary" size="large"><SvgIcon name="ele-User" class="align-middle" size="16" /></el-tag>
						<p>用户</p>
					</router-link>
				</div>
			</el-col>
			<el-col :span="6">
				<div class="item">
					<router-link
						:to="{
							path: '/cms/article',
						}"
					>
						<el-tag type="primary"><SvgIcon name="ele-ChatLineSquare" class="align-middle" size="16" /></el-tag>
						<p>内容</p>
					</router-link>
				</div>
			</el-col>
			<el-col :span="6">
				<div class="item">
					<router-link
						:to="{
							path: '/decoration/mobile/home',
						}"
					>
						<el-tag type="primary"><SvgIcon name="ele-Menu" class="align-middle" size="16" /></el-tag>
						<p>装修</p>
					</router-link>
				</div>
			</el-col>
			<el-col :span="6">
				<div class="item">
					<router-link
						:to="{
							path: '/channel/h5',
						}"
					>
						<el-tag type="primary"><SvgIcon name="ele-Memo" class="align-middle" size="16" /></el-tag>
						<p>渠道</p>
					</router-link>
				</div>
			</el-col>
			<el-col :span="6">
				<div class="item">
					<router-link
						:to="{
							path: '/auth/menu',
						}"
						><el-tag type="primary"><SvgIcon name="ele-Lock" class="align-middle" size="16" /></el-tag>
						<p>权限</p></router-link
					>
				</div>
			</el-col>
			<el-col :span="6">
				<div class="item">
					<router-link
						:to="{
							path: '/setting/system/base',
						}"
						><el-tag type="primary"><SvgIcon name="ele-Setting" class="align-middle" size="16" /></el-tag>
						<p>设置</p></router-link
					>
				</div>
			</el-col>
			<el-col :span="6">
				<div class="item">
					<router-link
						:to="{
							path: '/sys/crontab',
						}"
						><el-tag type="primary"><SvgIcon name="ele-Operation" class="align-middle" size="16" /></el-tag>
						<p>系统</p></router-link
					>
				</div>
			</el-col>
			<el-col :span="6">
				<div class="item">
					<router-link
						:to="{
							path: '/sys/log',
						}"
						><el-tag type="primary"><SvgIcon name="ele-ChatDotSquare" class="align-middle" size="16" /></el-tag>
						<p>日志</p></router-link
					>
				</div>
			</el-col>
		</el-row>
	</el-card>
</template>

<script lang="ts" setup>

const props = defineProps({
	title: {
		type: String,
		default: '快捷方式',
	},
	data: {
		type: Object,
		default: () => ({}),
	},
});

</script>

<style lang="scss" scoped>
.item {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	color: #333;
	line-height: 40px;
	background-color: #f8f8f8;
    padding: 15px 0 10px 0;
}
</style>
